@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:100%; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:100%;}  
a {color:#666;text-decoration:none;}
a:hover {color:#e60213;}
a:active {color:#e60213;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#666;}  


@font-face {
  font-family: 'gilroy';
  src: url('../fonts/gilroy.eot');
  src: url('../fonts/gilroy.eot?#iefix') format('embedded-opentype'),
       url('../fonts/gilroy.woff2') format('woff2'), 
       url('../fonts/gilroy.woff') format('woff'), 
       url('../fonts/gilroy.ttf') format('truetype'), 
       url('../fonts/gilroy.svg#glyphicons_halflingsregular') format('svg');
      
}

/*index*/




.titlebox{ text-align: center; margin:60px 0 42px;}
.titlebox span{color: #e60213; font-size: 38px; display: block; line-height: 72px; transition: all 0.2s ease 0s;}
.titlebox em{ display: block; margin: 0 auto; width: 60px; height: 10px; border-top: 1px solid #999;}
.titlebox i{ display: block; line-height: 24px; font-size: 14px; font-family: arial; text-transform: uppercase;transition: all 0.2s ease 0s;}
.ztlist{ float: left; width: 100%; }
.ztlist li{ float: left; width: 16%; margin: 0 2%; display: inline; text-align: center;transition: all 0.2s ease 0s;}
.ztpic{ margin: 0 auto; width: 53.9%;transition: width 0.2s ease 0s;}
.ztpic img{ display: block; width: 100%; vertical-align: bottom;}
.ztpic i{display: none;}
.ztlist li.hover .ztpic i{ display: block;}
.ztlist li.hover .ztpic span{ display: none;}
.zttlecn{ display: block; font-size: 20px; line-height: 40px; margin: 13px 0 0;}
.zttleen{ display: block; font-size: 13px; text-transform: uppercase; line-height: 20px; height: 40px; margin: 5px 0 0;}
.banner2{ display: none;}
.banner3{ display: none;}
.greybg{ float: left; width: 100%; background: #f5f5f5; padding: 0 0 50px; margin: 70px 0 0;transition: all 0.2s ease 0s;}
.titlebox1 em{border-bottom:1px solid  #e60213; border-top: medium none;}
.titlebox1 p{ background: url(line.gif) repeat-x 0 center;}
.titlebox1 p i{ display: inline-block; background: #f5f5f5; padding: 0 3%;}
.newstabcon{ float: left; width: 100%;}
.newsdl{ float: left; width: 100%;display: none;}
.newsdl dt{ float: right; width: 47%;transition: width 0.2s ease 0s;}
.newsdl dt img{ display: block; width: 100%; vertical-align: bottom;}
.newsdl dd{ float: left; width: 46%; border-bottom: 1px solid #dcdcdc;transition: width 0.2s ease 0s;}
.title1{ margin: 0 0 20px;}
.title1 a{ color: #222;font-size: 30px; line-height: 40px; height: 80px; overflow: hidden;transition: all 0.2s ease 0s; display: block;}
.title1 span{ display: block; width: 12%; height: 25px; border-bottom: 1px solid #999;transition: all 0.2s ease 0s;}
.detail1{ font-size: 15px; line-height: 30px;}
.more{ margin: 30px 0 0; float: left; width: 100%;}
.more a{ display: inline-block; padding:0 24px; line-height: 40px; color: #fff; font-size: 16px; background: #e60213;}
.slidebtn{ float: right;} 
.slidebtn span{ float: left; cursor: pointer;}
.newstablist{ float: left; margin: 20px 0 0;}
.newstablist span{ display:inline-block; background: #c7c7c7; width: 10px; height: 10px; margin: 0 16px 0 0; border-radius: 100%; cursor: pointer;}
.newstablist span.current{ background: #e60213;}
.industrybox{ float: left; width: 100%;  padding:0}
.industrydl{ float: left; width: 100%; display: none;}
.industrydl dt{ float: left; width:50%;}
.industrydl dt img{ display: block; width: 100%; vertical-align: bottom; height:316px;}
.industrydl dd{ float: right; width: 48%; padding-left:2%; padding-top:30px; padding-bottom:18px; background:#F38B34}
.title2{ float: left; width: 100%; margin-bottom: 20px;}
.title2 a{ float: left; border-bottom: 1px solid #fb9e9e; color: #fff; font-size: 26px; line-height: 40px; height:40px; overflow:hidden; padding: 0 0 px; margin-bottom:10px; position: relative;transition: all 0.2s ease 0s;}
.title2 a:hover{ color:#fff;}
.title2 em{ position: absolute; left: 0; bottom: -2px; width: 40%; border-bottom: 3px solid #fb9e9e; height: 10px;}
.detail2{font-size: 20px; line-height: 36px; color: #fff; margin: 10px 0 20px;transition: all 0.2s ease 0s;}
.industrylist{ float:left; width: 100%;}
.industrylist li{ float: left; width: 50%; }
.industrylist li span{ display: block; background: url(ico1.gif) no-repeat 0 center; line-height: 40px; color: #fff; padding: 0 0 0 26px; font-size: 16px;transition: all 0.2s ease 0s;}
.more1 a{ color: #e60213; background: #fff;}
.more1{ margin: 30px 0 0;}
.knowledgetabcon{float: left; width: 45%;transition: all 0.2s ease 0s; margin: 10px 0 0; }
.knowledgedl{ float: left; width: 100%; display: none;}
.knowledgedl dt img{ display: block; width: 100%; vertical-align: bottom;}
.title3{ font-size: 18px; font-weight: bold; line-height: 28px; margin: 20px 0 8px;}
.title3 a{color: #222;transition: all 0.2s ease 0s;}
.title3 a:hover{color: #e60213;}
.detail3{ line-height: 28px; font-size: 14px;}
.knowledgetablist{ float: right;width: 52%;transition: all 0.2s ease 0s; margin-top: -66px;}
.more2{ float: right; font-size: 18px; text-transform: uppercase; line-height: 38px; margin: 0 0 10px;}
.knowledgetablist dl{ float: left; width:510px; border-bottom: 1px solid #d4d4d4; padding: 28px 20px;transition: all 0.2s ease 0s;}
.knowledgetablist dl.hover{ background: #F38B34;}
.knowledgetablist dt{ float: left; width: 17.5%; font-size: 76px; color: #999; line-height: 78px;font-family: gilroy;transition: all 0.2s ease 0s;}
.knowledgetablist dl.hover dt{ color: #f8cbcd;}
.knowledgetablist dd{ float: right; width:82.5%;}
.title4{ float: left;width: 100%; margin: 0 0 10px; height: 20px; line-height: 20px; overflow: hidden;transition: all 0.2s ease 0s;}
.title4 a{color: #222;font-size: 16px;transition: all 0.2s ease 0s;}
.title4 a:hover{ text-decoration: underline;}
.title4 span{ float: right; }
.detail4{ line-height:24px; float: left; width: 100%; height: 48px; overflow: hidden;transition: all 0.2s ease 0s;}
.knowledgetablist dl.hover .title4,.knowledgetablist dl.hover .title4 a,.knowledgetablist dl.hover .detail4{ color: #fff;}
.titlebox2 em{ border-bottom: 1px solid #999;}
.titlebox2 p{background: url(line1.gif) repeat-x 0 center;}
.titlebox2 p i{ background: #fff;}
.interview_tabcon { float: left; width: 100%; margin: 0 0 60px; position: relative; transition: all 0.2s ease 0s;}
.interview_tabcon dl{ display: none;}
.interview_tabcon dt{ float: left; width: 45%;transition: all 0.2s ease 0s;}
.interview_tabcon dt img{display: block; width: 100%; vertical-align: bottom;}
.interview_tabcon dd{ float: right; width: 49%;transition: all 0.2s ease 0s;}
.title5{font-size: 26px; line-height: 32px; height: 32px; overflow: hidden; margin: 30px 0; font-weight: bold;}
.title5 a{color: #222;}
.title5 a:hover{ color: #e60213;}
.detail5{ font-size: 14px; line-height: 28px;  overflow:hidden}
.industrydl .detail5{ color: #fff;height:140px;}
.inter_page{ position: absolute; left:0; top: 0; background: #fff; font-size: 16px;padding: 0 20px; line-height: 38px; font-family: arial;}
.inter_page i{ margin: 0 5px;}
.tItem{ font-size: 18px;}
.cItem{font-size: 22px; color: #e60213; font-weight: bold;}
.inter_btnbox{ margin: 0 auto; width: 72%;transition: all 0.2s ease 0s;}
.inter_btn{ float: left; width: 100%; position: relative;}
.slidenumpic{ float: left; width: 100%; }
.slidenumpic span{ width: 20.5%; margin: 0 6% 0 0; display: inline-block; background: #e60213;}
.slidenumpic span.noright{ margin-right: 0;}
.slidenumpic span img{ display: block; width: 100%; vertical-align: bottom; opacity:1;filter:Alpha(opacity=100);}
.slidenumpic span.current img{opacity: 0.3;filter:Alpha(opacity=30);}
.lbtn3{ position: absolute; left: -38px; top: 50%;margin-top: -13px; cursor: pointer;}
.rbtn3{ position: absolute; right: -38px; top: 50%; margin-top: -13px; cursor: pointer;}
.faqbg{background: #f2f2f2; margin: 80px 0 0; padding: 0 0 65px;}
.faqlist{ float: left; width: 100%; margin: -15px 0 0;}
.faqlist li{ float: left; width: 44%; margin: 0 12% 0 0; padding: 30px 0; border-bottom: 1px solid #e3e3e3;transition: all 0.2s ease 0s;}
.faqlist li.noright{ margin-right: 0;}
.faqlist li dt{ float: left; width: 13.2%;}
.faqlist li dt img{ display: block; width: 100%; vertical-align: bottom;}
.faqlist li dd{ float: right; width: 82%;}
.title6{ font-size: 22px; height: 24px; line-height: 24px; overflow: hidden; margin: 0 0 10px;transition: all 0.2s ease 0s;}
.title6 a{ color: #222;}
.detail6{ line-height: 28px; font-size: 13px; height: 56px; overflow: hidden;transition: all 0.2s ease 0s;}
.more3{ text-align: center; margin: 60px 0 0;}
.gotop{float:left; max-width:40px; width: 12%; position:fixed; _position: absolute; z-index: 90; bottom:60px; _top:expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1));  right:10px; display:none; cursor: pointer;}
.gotop img{ display:block; width:100%;  vertical-align:bottom;}
.partnertabbox{ background: url(line.gif) repeat-x 0 center; margin: 80px 0 70px;}
.partnertablist{ margin: 0 auto; width: 350px; padding: 0 5.5%; background: #fff;transition: all 0.2s ease 0s;}
.partnertablist span{display: inline-block; width: 50%; transition: all 0.2s ease 0s;}
.partnertablist span i{text-align: center; line-height: 56px; border: 1px solid #666; font-size: 24px; color: #666;background: #fff; display: block;transition: all 0.2s ease 0s;}
.partnertablist span.on i{ background: #e60213; color: #fff; border: 1px solid #e60213;}
.partnertabcon{ float: left; width: 100%; padding: 0 0 75px; }
.partnertabcon ul{display: none;}
.partnertabcon li{ float: left; width:250px; margin-right:30px; transition: all 0.2s ease 0s;}
.partnertabcon li.noright{ margin-right: 0;}
.partnertabcon li span{ display: block; border: 1px solid #f2f2f2; padding: 6px;}
.partnertabcon li img{ display: block; width:100%; vertical-align: bottom;}
.partnertabcon li.hover span{ border: 7px solid #e60213; padding: 0;}
.foot{ float:left; width:100%; background:#4c5154; padding:30px 0 60px 0; }
.foottop{ float:left; width:100%; margin:50px 0 0; background:url(../images/line2.gif) repeat-x 0 bottom; padding:0 0 42px;}
.footmid{ float:left; width:100%; margin:26px 0 0; padding:0 0 42px; background:url(../images/line2.gif) repeat-x 0 bottom;}
.footleft{ float:left; width:625px;}
.footlink a{ color:#828b90;}
.footlink a:hover{ color:#ffc261;}
.footlink i{ margin:0 5px; color:#828b90;}
.footbtm{ float:left; width:100%; margin:30px 0 0;}
.copyright{ line-height:18px; color:#828b90; margin:15px 0 0;}
.copyright a{color:#828b90; }
.ewm{ float:right; width:232px; position: relative;}
.ewm li{ float:left;width:89px; height:89px; border:5px solid #474B4F; border-radius:3px; margin:0 34px 0 0;}
.ewm li.noright{ margin:0;}
.ewm li img{ width:89px; height:89px; display:block; vertical-align:bottom;}
.hbwb{ width:90px; height:90px; background:url(../images/hbwb.png); float:right; margin-top:30px;}
.hbwb a{ display:block; outline:none;width:90px; height:90px;}
.hbwb a:hover{background:url(../images/hbwb2.png);}
.hbwx{ width:90px; height:90px; background:url(../images/hbwx.png);margin-left:30px;margin-top:30px; float:right; position: relative;}
.hbwx a{ display:block; outline:none;width:90px; height:90px;}
.hbwx a:hover{background:url(../images/hbwx2.png); }
#hbewm{width:120px;height:151px;background:url(../images/hbewm2.png) no-repeat;position: absolute;top: 7px;display:none;left: 50%; top: -160px; margin-left: -60px;}
.btmaddress{ float:left; width:100%;}
.addressleft{  float: left; width: 30%; margin: 0 5% 0 0; display: inline;  padding-bottom:25px;  }
.addressnoright{margin-right: 0;}
.addresstle3{ background:url(../images/fico3.gif) no-repeat 0 center; padding:0 0 0 30px; }
.addresstle4{ background:url(../images/fico4.gif) no-repeat 0 center; padding:0 0 0 30px; }
.addresstle5{ background:url(../images/fico5.gif) no-repeat 0 center; padding:0 0 0 30px; }
.addresstle6{ background:url(../images/fico6.png) no-repeat 0 center; padding:0 0 0 30px; }
.addresstle{ font-size:25px; color:#fff;line-height:30px;}
.addresstle1{ background:url(../images/fico1.gif) no-repeat 0 center; padding:0 0 0 20px; }
.addresstle2{ background:url(../images/fico2.gif) no-repeat 0 center; padding:0 0 0 30px; }
.btmtel{ float:right; line-height:30px; font-size:16px; color:#828b90;}
.btmtel i{ color:#ffc261; font-size:21px; font-family:Impact, Arial;}
.btmcontact{ float:left; width:100%; margin:20px 0 0;}
.btmcontact dt{ float:left; color:#828b90; line-height:18px;}
.btmcontact dd{ float:right; color:#828b90; line-height:18px;}
.detail17{  color:#828b90; line-height:18px;}




/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; min-width: 320px; max-width:1200px; width: 93.75%;}
.wrap1{margin:0 auto; min-width: 320px; max-width:1600px; width: 93.75%;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/